<!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
      <title>无网络</title>
      <link rel="stylesheet" type="text/css" href="../style/api.css"/>
      <style>
          html,body {
              font-size: 14px;
              background-color: #fff;
              height: 100%;
              overflow-y: hidden;
          }
          .none {
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%,-50%);
              width: 246px;
              text-align: center;
              font-size: 1.2rem;
              font-weight: bold;
              color: #3949AB;
          }

          .reloadBtn {
              margin-top: 0.5rem;
              width: 100%;
              padding: 0.5rem;
              box-sizing: border-box;
              color: #fff;
              background-color: #3949AB;
              border-radius: 0.35rem;
          }
      </style>
  </head>
  <body>
    <div class="none">
        <img src="../img/icons/nonet.png" alt="">
        <p>没有网络连接，请检查网络</p>
        <div class="reloadBtn">重试</div>
    </div>
  </body>
  <script type="text/javascript" src="../js/api.js"></script>
  <script type="text/javascript" src="../js/jquery.min.js"></script>
  <script type="text/javascript">
      apiready = function(){

      };

      $('.reloadBtn').click(function() {
        api.sendEvent({
            name: 'loading',
        });
      })
  </script>
  </html>
